<!DOCTYPE html>
<html lang="">

<head>
  @@include('meta.html',{ "title":"三体科技-首页" })
</head>

<body>
  @@include('header.html')
	@@include('banner.html')
	
	<!-- 服务 -->
	<section class="common-wrapper">
		<div class="title common-title model-title">
			<h2>我们的云服务产品</h2>
			<p class="title-desc">提供多种通信与视频能力    全面满足业务需求</p>
		</div>
		@@include('service1.html')
		<!-- @@include('service2.html') -->
	</section>
	<!-- 服务 -->

	<!-- 行业解决方案 -->
	<section class="common-wrapper">
		<div class="title common-title model-title">
			<h2>行业解决方案</h2>
			<p class="title-desc">整合资源、深度挖掘，提供一站式服务解决方案</p>
		</div>
		@@include('solution.html')
	</section>
	<!-- 行业解决方案 -->

	<!-- sass级云服务 -->
	<section class="common-wrapper">
		<div class="title common-title model-title">
			<h2>网络营销服务</h2>
			<p class="title-desc">整合资源、深度挖掘，提供一站式服务解决方案</p>
		</div>
		@@include('market.html')
	</section>
	<!-- sass级云服务 -->

	<!-- 服务流程 -->
	<section class="common-wrapper">
		<div class="title common-title model-title">
			<h2>服务流程</h2>
			<p>专业服务+专业的定制化流程，全程专业质控，保证高质高效服务</p>
		</div>
		@@include('flow.html')
	</section>
	<!-- 服务流程 -->

	<!-- 客户案例 -->
	<section class="common-wrapper">
		<div class="title common-title model-title">
			<h2>客户案例</h2>
			<p>服务10000+用户，为各类企业提供全套解决方案</p>
		</div>
		@@include('case.html')
	</section>
	<!-- 客户案例 -->

	<!-- 提交需求 -->
	@@include('demand.html')
	<!-- 提交需求 -->


	

	<!-- footer -->
	@@include('footer.html')
	<!-- footer -->

</body>
<script src="public/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="public/js/bundle.js"></script>
<script>
$(document).ready(function() {
	$(".banner-carousel .hover-hook").mousemove(function(event){ //监听鼠标的移动
			var divWidth = $('.hover-hook').width()/2;
			var divHeight = $('.hover-hook').height()/2;
			var mouseX = event.pageX;
			var mouseY = event.pageY;
			var differenceX = divWidth-mouseX;
			var differenceY = divHeight-mouseY;
			$('.move-hook').css({
					"transform":'translate('+differenceX/50+'px,'+differenceY/50+'px'+')',
					"transition":"all .5s linear"
			});

			$('.shield, .banner6-button').css({
					"transform":'translate('+differenceX/40+'px,'+differenceY/40+'px'+')',
					"transition":"all .5s linear"
			});

				$('.documents').css({
					"transform":'translate('+differenceX/50+'px,'+differenceY/50+'px'+')',
					"transition":"all .5s linear"
			});

	});

	$('.carousel').carousel({  //轮播初始化
			'pause':null,
			'interva': 5000000
	});
})
</script>
</html>
